.f1 {
	margin-top: 4.947vh;
	margin-left: 3.425vw;
}
.f1 img {
	width: 2.96vw;
}
.f1 span {
	font-size: 5.555vw;
}
.f2 {
	text-align: center;
	margin-top: 3.645vh;
	margin-bottom: 3.645vh;
}
.f3 {
	text-align: center;
}
.f3 select {
	background: none;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	height: 3.604vh;
}
.f4 {
	text-align: center;
	margin-top: 4.687vh;
	margin-bottom: 4.07vh;
}
.f4 img {
	width: 75.462vw;
	border-radius: 50%;
	border: 5px solid rgba(0,0,0,0.3);
	animation: xuanzhuan 6s linear infinite;
	/* 动画处于暂停状态 */
	animation-play-state: paused;
}
/* 定义动画 */
@keyframes xuanzhuan {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.f5 {
	display: flex;
	justify-content: space-around;
}
.f5 li {
	
}
.f5 li img {
	width: 5.378vw;
}

.f6 {
	display: flex;
	justify-content: space-between;
	margin-left: 4.35vw;
	margin-right: 4.35vw;
	margin-top: 3.9vh;
}
.f6>span {
	font-size: 14px;
}
.f6>div {
	width: 70.81vw;
	height: 3px;
	margin-top: 7px;
	background-color: rgba(255,255,255,0.8);
	position: relative;
}
.f6>div>div {
	width: 20%;
	height: 3px;
	background-color: #0c80e3;
}
.f6>div>span {
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 20%;
	top: -5px;
}

.f7 {
	display: flex;
	justify-content: space-between;
	margin-left: 4.814vw;
	margin-right: 4.814vw;
	margin-top: 3.333vh;
}
.f7>div:nth-child(1)>img, .f7>div:nth-child(3)>img{
	width: 5.185vw;
	margin-top: 3.125vh;
}
.f7>div:nth-child(2)>img:nth-child(1), .f7>div:nth-child(2)>img:nth-child(3) {
	width: 10.185vw;
	/* 垂直居中 */
	vertical-align: middle;
}
.f7>div:nth-child(2)>img:nth-child(2) {
	width: 14.81vw;
	vertical-align:middle;
	margin-left: 5.555vw;
	margin-right: 5.555vw;
}